<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <title>项目接口</title>
    <th:block th:include="import :: links"></th:block>
    <link th:href="@{/plugins/ztree/css/zTreeStyle/zTreeStyle.css}" rel="stylesheet"/>
    <link th:href="@{/css/common.css}" rel="stylesheet"/>
    <link th:href="@{/css/ztreecustomer.css}" rel="stylesheet"/>
</head>
<body>
<header>
    <th:block th:include="import :: navigation"></th:block>
</header>
<div class="container-fulid" style="margin-top: 60px;">
    <div class="panel panel-primary col-md-12" style="margin: 0px;height: 100%;background: transparent;padding: 0px;">
        <div class="panel-body wrap" style="padding: 15px 0px;padding-top: 0px;">
            <div class="wrap-left" style="width: 250px;border-right: 1px solid #ccc;background: #eeeeee;">
                <div class="input-group" style="padding:10px 10px 0px 10px;float: left;">
                    <span class="input-group-addon" id="sizing-addon1">当前版本</span>
                    <select class="form-control" id="versionSelect">
                        <th:block th:each="version : ${versions}">
                            <th:block th:if="${version.appVersion == bean.appProdVersion}">
                                <option th:text="${version.appVersion}" selected="selected"></option>
                            </th:block>
                            <th:block th:unless="${version.appVersion == bean.appProdVersion}">
                                <option th:text="${version.appVersion}"></option>
                            </th:block>
                        </th:block>
                    </select>
                </div>
                <ul id="moduleTree" class="ztree" style="min-height: 300px;float: left;"></ul>
            </div>
            <div class="wrap-right" id="modulePanel" style="padding: 20px;background: #FFF;">

                <div class="panel panel-primary modulePanel" style="border:none;margin: 0px;height: 100%;background: transparent;overflow: auto">
                    <div class="panel-body">
                        <div class="col-md-12">
                            <div class="jumbotron">
                                <h3 th:text="${bean.appName}">Hello, world!</h3>
                                <p th:text="${bean.appDesc}"></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<footer id="footer"></footer>
<th:block th:include="import :: impJS"></th:block>
<script th:src="@{/plugins/ztree/js/jquery.ztree.all.min.js}" type="text/javascript"></script>
<script th:inline="javascript">
    var appId = [[${bean.appId}]];
    var appVerson = [[${bean.appProdVersion}]]
    var watchVersion = 3;
</script>
<script type="text/javascript" th:src="@{/js/project/projectShow.js}"></script>
</body>
</html>